Опис HTML тега <TD>:

Призначений для створення однієї комірки таблиці. Тег <TD> повинен розміщатися усередині контейнера <TR>, який у свою чергу розташовується всередині тега <TABLE>.

Синтаксис HTML тега <TD>:

Параметри HTML тега <TD>:

ALIGN - Для зображень та тексту можна вказувати їх положення щодо тексту або інших зображень на веб-сторінці. Спосіб вирівнювання задається параметром align тега. align='bottom | left | middle | right | top'

BACKGROUND - Визначає зображення, яке буде використовуватися в якості фонового малюнка. На відміну від звичайних зображень, для фону не встановлюються ширина і висота, і він завжди відображається у натуральну величину з масштабом 100%. Якщо малюнок за розміром менше вікна браузера, то картинка повторюється по горизонталі вправо і вниз, як мозаїка. З цієї причини на місці стику фонових картинок можуть виникнути видимі перепади, помітні для відвідувачів сайту. При виборі фонового малюнка переконайтеся, що забезпечений достатній контраст між ним і текстом веб-сторінки. В якості фону допускається використовувати анімовані зображення у форматі GIF, але вони відволікають увагу читачів.

BGCOLOR - Встановлює колір фону веб-сторінки. Можна використовувати цей параметр спільно з background, підібравши колір фону близький до фонового малюнку.

BORDERCOLOR - Встановлює колір рамки таблиці. Рамка зазвичай малюється як тривимірна, додавання параметрів bordercolor і border до тегу <TABLE> створюють однотонну лінію.

HEIGHT - Для зміни розмірів зображення засобами HTML передбачені параметри height і width. Допускається використовувати значення в пікселах або відсотках. Якщо встановлена процентна запис, то розміри зображення обчислюються щодо батьківського елементу - контейнера, де знаходиться тег <IMG>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width = "100%" означає, що малюнок буде розтягнуто на всю ширину веб-сторінки. Додавання тільки одного параметра width або height зберігає пропорції і відношення сторін зображення. Браузер при цьому очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину. Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених усередині таблиці. Ширину і висоту зображення можна змінювати як в меншу, так і більшу сторону. Проте на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше. Але якість малюнка при цьому погіршується.

VALIGN - Параметр valign необхідно коли вирівнювання йде по вертикалі. valign="bottom | middle | top"

WIDTH - Для зміни розмірів засобами HTML передбачені параметри height і width. Допускається використовувати значення в пікселах або відсотках. Якщо встановлена процентна запис, то розміри зображення обчислюються щодо батьківського елементу - контейнера, де знаходиться тег <IMG>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width = "100%" означає, що малюнок буде розтягнуто на всю ширину веб-сторінки. Додавання тільки одного параметра width або height зберігає пропорції і відношення сторін зображення. Браузер при цьому очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину. Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених усередині таблиці. Ширину і висоту зображення можна змінювати як в меншу, так і велику сторону. Проте на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше. Але якість малюнка при цьому погіршується.

COLSPAN - Встановлює число клітинок, які повинні бути об'єднані по горизонталі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці.

ROWSPAN - Встановлює число клітинок, які повинні бути об'єднані по вертикалі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці.

NOWRAP - Додавання параметра nowrap до тегу <TD> змушує текст всередині осередку відображатися без переносів, одним суцільним рядком. Неправильне використання цього параметра може призвести до того, що таблиця буде занадто широкою і не поміститься цілком на веб-сторінку. Як наслідок, з'явиться горизонтальна смуга прокручування. У будь-якому випадку, користуватися подібною таблицею буде незручно, через що застосування параметра nowrap засуджується в специфікації HTML 4.

Закриваючий тег:

не обов'язковий

Додаткові відомості HTML тега <TD>:

HTML: 3.2 4 XHTML: 1.0 1.1